<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets"
 				xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html"
  				xmlns:c="http://java.sun.com/jstl/core" xmlns:p="http://primefaces.org/ui"
  				template="/Administrador/Principal/MasterPage.xhtml">
  
	<ui:define name="head">	
		<script type="text/javascript" src="#{request.contextPath}/Administrador/AdministarAplicacion/Js/AplicacionJs.js"></script>
		<script type="text/javascript" src="#{request.contextPath}/javascript/ValidacionUtil.js"></script>
    </ui:define>
	
	<ui:define name="body">
		<h:form id="frmlistarAplicaciones">
			<p:panel id="pnlListarAplicaciones" 
				header="#{label['default.label.AdministrarAplicativos.pnlTitulo']}">
				<p:fieldset id="fsCriteriosBusqueda" 
					legend="#{label['default.label.AdministrarAplicativos.fsCriteriosBusqueda']}" 
					style="width:96%;">
					<h:panelGrid columns="2" 
						cellpadding="3" 
						cellspacing="3" 
						columnClasses="anchoGeneralColumnOutput, anchoGeneralColumnInput">	
						<h:outputLabel id="lblCodigoAplicacionVO" 
								value="#{label['default.label.AdministrarAplicativos.lblCodigo']}"  
								styleClass="anchoGeneralOutput"/>			
						<p:inputText id="txtCodigoAplicacionVO" 
								onkeypress="return formatoNumero(event);" 
								value="#{aplicacionBean.aplicacionVO.codigo}"/>
					</h:panelGrid>	
					<h:panelGrid columns="4"
						cellpadding="3" 
						cellspacing="3" 
						columnClasses="anchoGeneralColumnOutput, anchoGeneralColumnInput, nchoGeneralColumnOutput, anchoGeneralColumnInput">
						<h:outputLabel id="lblNombreCortoVO" 
								value="#{label['default.label.AdministrarAplicativos.lblNombreCorto']}"/>			
						<p:inputText id="txtNombreCortoVO"  
								styleClass="anchoGeneralInputText" 
								onkeypress="return formatoNombresDescripciones(event);"
								value="#{aplicacionBean.aplicacionVO.nombreCorto}" 
								maxlength="20"/>
						<h:outputLabel id="lblNombreLargoVO" 
							value="#{label['default.label.AdministrarAplicativos.lblNombreLargo']}" />			
						<p:inputText id="txtNombreLargoVO"  
								styleClass="anchoDobleInputText" 
								onkeypress="return formatoNombresDescripciones(event);"
								value="#{aplicacionBean.aplicacionVO.nombreLargo}" 
								maxlength="200"/>
					</h:panelGrid>
					<h:panelGrid columns="2" 
						cellpadding="3" 
						cellspacing="3" 
						columnClasses="anchoGeneralColumnOutput, anchoGeneralColumnInput">	
						<h:outputLabel id="lblEstadoVO" 
							value="#{label['default.label.AdministrarAplicativos.lblEstado']}" />			
						<p:selectOneMenu  id="cboEstadoVO" 
							value="#{aplicacionBean.aplicacionVO.idEstado}"> 
				  				<f:selectItems value="#{listadoBean.getListaEstados()}"
									var="selectItem" 
									itemLabel="#{selectItem.label}"
									itemValue="#{selectItem.value}" />
			  			</p:selectOneMenu>
					</h:panelGrid>
					<div class="posicionBotones">											
		  				<p:commandButton id="btnBuscar" 
		  					value="#{label['default.label.btnBuscar']}" 
		  					action="#{aplicacionBean.buscar}" 
		  					update="frmlistarAplicaciones:tblAplicaciones"/>
	  					<p:spacer width="5"/>
	  					<p:commandButton id="btnLimpiar" 
	  						value="#{label['default.label.btnLimpiar']}" 
	  						action="#{aplicacionBean.limpiar}" 
	  						update="frmlistarAplicaciones:tblAplicaciones frmlistarAplicaciones" 
	  						onclick="tblAplicaciones.getPaginator().setPage(0);"/>
	  					<p:spacer width="5"/>
	  					<p:commandButton  id="btnNuevo" 
	  						value="#{label['default.label.btnNuevo']}" 
	  						action="#{aplicacionBean.cargarValores(1)}" 
	  						oncomplete="dlgRegistrarAplicacion.show()"
	  						update=":frmlistarAplicaciones:dlgRegistrarAplicacion :frmlistarAplicaciones:messagesUpload"/>	
	  					<p:spacer width="5"/>
	  				</div>	
				</p:fieldset>
				<p:spacer width="15"/>		
				<p:fieldset id="fsResultadosBusqueda" 
					legend="#{label['default.label.AdministrarAplicativos.fsResultadosBusqueda']}" 
					style="width:96%;">
					<p:spacer width="5"/>
					<p:dataTable id="tblAplicaciones" 
						value="#{aplicacionBean.listaAplicacionesDTO}" 
						var="aplicacionDTO" 
						paginator="true" 
						rows="10" 
						rowIndexVar = "rowInfo" 
		   				lazy="true" 
		   				dynamic="true" 
		   				widgetVar="tblAplicaciones" 
		   				emptyMessage="#{label['default.emty.busqueda']}"
		   				paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
		   				currentPageReportTemplate="{startRecord} - {endRecord} de {totalRecords}" 
		   				rowKey="aplicacionDTO.idAplicacion" 
		   				resizableColumns="true" >   		   			
	  	      	 			<p:column style="width:5%; text-align: center;">
				   				<f:facet name="header">  
								      <h:outputText value="#{label['default.label.AdministrarAplicativos.lblItem']}" />  
								</f:facet>  
								<h:outputText value="#{aplicacionDTO.item}" />						
							</p:column>	
							<p:column style="width:10%;text-align: center;">
				   				<f:facet name="header" >  
								      <h:outputText value="#{label['default.label.AdministrarAplicativos.lblCodigo']}" />  
								</f:facet>  
								<h:outputText value="#{aplicacionDTO.codigo}" />						
							</p:column>
							<p:column style="width:15%">
				   				<f:facet name="header" >  
								      <h:outputText value="#{label['default.label.AdministrarAplicativos.lblNombreCorto']}" />  
								</f:facet>  
								<h:outputText value="#{aplicacionDTO.nombreCorto}" />						
							</p:column>
							<p:column style="width:47%">
				   				<f:facet name="header">  
								      <h:outputText value="#{label['default.label.AdministrarAplicativos.lblNombreLargo']}" />  
								</f:facet>  
								<h:outputText value="#{aplicacionDTO.nombreLargo}" />						
							</p:column>
							<p:column style="width:10%;text-align: center;">
				   				<f:facet name="header">  
								      <h:outputText value="#{label['default.label.AdministrarAplicativos.lblEstado']}" />  
								</f:facet>  
								<h:outputText value="#{aplicacionDTO.descripcionEstado}" />						
							</p:column>
							<p:column style="width:20%; text-align:center !important;">
				   				<f:facet name="header">  
								     <h:outputText value="#{label['default.label.AdministrarAplicativos.lblAcciones']}" /> 
								</f:facet>  
								<p:spacer width="5"/>
									<h:panelGrid columns="6" cellpadding="0" cellspacing="0" 
										columnClasses="icono, hidden,icono,hidden,icono,hidden">
											<p:commandLink id="btnEditar" 
												action="#{aplicacionBean.cargarValores(2)}" 
												oncomplete="dlgRegistrarAplicacion.show()"  
												update=":frmlistarAplicaciones:dlgRegistrarAplicacion :frmlistarAplicaciones:messagesUpload">
												<p:graphicImage value="/imagenes/icon_edit.png"  
													alt="#{label['default.label.tooltip.btnEditar']}"/>
												<f:setPropertyActionListener target="#{aplicacionBean.idAplicacionSeleccionada}" 
													value="#{aplicacionDTO.idAplicacion}" />								
											</p:commandLink>
											<p:tooltip for="btnEditar" 
												value="#{label['default.label.tooltip.btnEditar']}" 
												showEffect="fade" 
												hideEffect="fade" />
											<p:commandLink id="btnReglas" 
												action="#{aplicacionBean.irReglas}" >
												<p:graphicImage value="/imagenes/documentos_de_trabajo_16x16.png"  
													alt="#{label['default.label.tooltip.btnReglas']}"/>
												<f:setPropertyActionListener target="#{aplicacionBean.idAplicacionSeleccionada}" 
													value="#{aplicacionDTO.idAplicacion}" />								
											</p:commandLink>
											<p:tooltip for="btnReglas" 
												value="#{label['default.label.tooltip.btnReglas']}" 
												showEffect="fade" 
												hideEffect="fade" />
											<p:commandLink id="btnEliminar" 
												 action="#{aplicacionBean.validarEliminacion}"
												 update=":frmlistarAplicaciones:dialogEliminar" 
												 oncomplete="dialogEliminar.show()">
												<p:graphicImage value="/imagenes/icon_delete.png"  
													alt="#{label['default.label.tooltip.btnEliminar']}"/>
												<f:setPropertyActionListener target="#{aplicacionBean.idAplicacionSeleccionada}" 
													value="#{aplicacionDTO.idAplicacion}" />								
											</p:commandLink>
											<p:tooltip for="btnEliminar" 
												value="#{label['default.label.tooltip.btnEliminar']}" 
												showEffect="fade" 
												hideEffect="fade" />
									</h:panelGrid>			
							</p:column>
	  	      	 	</p:dataTable>
				</p:fieldset>
				<p:spacer width="10"/>
			</p:panel>
			
			<p:dialog id="dialogMensaje"  
				style="width:400px!important;top:250px !important;"   
				widgetVar="dialogMensaje" 
				modal="true" 
				header="#{label['default.label.msgAlerta']}">	  
				<div style="text-align: center;vertical-align:middle; width: 100%; height: auto; padding-bottom: 10px;">
					<h:outputText value="#{aplicacionBean.mensajeAlerta}" />	
				</div>
				<div style="text-align: center; width: 100%;vertical-align:middle; height: 25px">
					<p:commandButton value="#{label['default.label.btnAceptar']}" 
						actionListener="#{aplicacionBean.validarResultado}" 
						oncomplete="handleLoginRequest(xhr, status, args)" 
						update="frmlistarAplicaciones:tblAplicaciones" />
				</div>      	
			</p:dialog>
			
			
			<p:dialog id="dialogEliminar"  
				style="width:400px!important;top:250px !important;"   
				widgetVar="dialogEliminar" 
				modal="true" 
				header="#{label['default.label.titulo.eliminar']}">
				<div style="text-align: center; vertical-align:middle; width: 100%; height: auto; padding-bottom: 10px;">
					<h:outputText value="#{aplicacionBean.mensajeEliminar}" />	
				</div> 
				<div style="text-align: center; width: 100%;vertical-align:middle; height: 25px">
					<p:commandButton rendered="#{aplicacionBean.bolBtnSi}" 
						actionListener="#{aplicacionBean.eliminar}"
						value="#{label['default.label.si']}"				                			 
						onclick="dialogEliminar.hide()" 
						update="frmlistarAplicaciones:tblAplicaciones">
					</p:commandButton>
					<p:commandButton rendered="#{aplicacionBean.bolBtnNo}" 
						value="#{label['default.label.no']}" 
						onclick="dialogEliminar.hide()" 
						type="button" />   
 					<p:commandButton  rendered="#{aplicacionBean.bolBtnAceptar}" 
 						value="#{label['default.label.btnAceptar']}" 
						onclick="dialogEliminar.hide()" 
						type="button" />  
			    </div>
			</p:dialog>
		
			<ui:include src="/Administrador/AdministarAplicacion/RegistrarAplicacion.xhtml"/>
		</h:form>
	</ui:define>

</ui:composition>